.range-number {
    box-sizing: border-box;
    margin    : 0;
    padding   : 0 7px;

    list-style: none;
    position  : relative;
    width     : 100%;
    min-width : 0;

    background   : #ffffff;
    border-width : 1px;
    border-style : solid;
    border-color : #d9d9d9;
    padding      : 4px 11px 4px;
    border-radius: 6px;

    display    : flex;
    align-items: center;
    gap        : 4px;

    &:hover{
        border-color: #40a9ff;
    }

    input {
        flex     : 1;
        min-width: 1px;
        border   : none;
        outline  : none;
        color    : #000;
    }
}